<!--
 * @Author: boyyang
 * @Date: 2022-02-05 14:15:33
 * @LastEditTime: 2022-02-05 14:22:22
 * @LastEditors: boyyang
 * @Description: 
 * @FilePath: \boyyang\src\views\chatRoom\components\groupMembers.vue
-->

<template>
    <div class="group-members-wrapper" v-if="props.isShow">

    </div>
</template>

<script lang="ts" setup>
interface IGroupMembersProps  {
    isShow?: boolean;
}

const props = withDefaults(defineProps<IGroupMembersProps>(), {
    isShow: false
})
</script>

<style scoped lang="scss">
.group-members-wrapper {
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;

    background-color: rgba(0, 0, 0, 0.3);

    position: absolute;
    top: 0;
    left: 0;
}
</style>
